<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App Favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App title -->
        <title>Uplon - Responsive Admin Dashboard Template</title>

        <!-- Switchery css -->
        <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />

        <!-- Bootstrap CSS -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- App CSS -->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- Modernizr js -->
        <script src="assets/js/modernizr.min.js"></script>

    </head>


    <body class="fixed-left" id="do-nicescrol">    
        <!-- CHECKBOX -->

        <div class="row">
            <div class="col-12">
                <div class="">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-lg-4 col-xs-12">
                                <h4 class="m-t-0 header-title"><b>基本</b></h4>

                                <p class="text-muted font-13 m-b-30">
                                    支持引导色: <code>.checkbox-primary</code>, <code>.checkbox-info</code> etc.
                                </p>
                                <div class="checkbox">
                                    <input id="checkbox0" type="checkbox">
                                    <label for="checkbox0">
                                        默认
                                    </label>
                                </div>
                                <div class="checkbox checkbox-custom">
                                    <input id="checkbox11" type="checkbox" checked>
                                    <label for="checkbox11">
                                        惯用
                                    </label>
                                </div>
                                <div class="checkbox checkbox-primary">
                                    <input id="checkbox2" type="checkbox" checked>
                                    <label for="checkbox2">
                                        原发性
                                    </label>
                                </div>
                                <div class="checkbox checkbox-success">
                                    <input id="checkbox3" type="checkbox">
                                    <label for="checkbox3">
                                        成功
                                    </label>
                                </div>
                                <div class="checkbox checkbox-info">
                                    <input id="checkbox4" type="checkbox">
                                    <label for="checkbox4">
                                        信息
                                    </label>
                                </div>
                                <div class="checkbox checkbox-warning">
                                    <input id="checkbox5" type="checkbox" checked>
                                    <label for="checkbox5">
                                        警告
                                    </label>
                                </div>
                                <div class="checkbox checkbox-danger">
                                    <input id="checkbox6" type="checkbox" checked>
                                    <label for="checkbox6">
                                        危险
                                    </label>
                                </div>
                                <div class="checkbox checkbox-purple">
                                    <input id="checkbox6a" type="checkbox">
                                    <label for="checkbox6a">
                                        紫色
                                    </label>
                                </div>

                                <div class="checkbox checkbox-pink">
                                    <input id="checkbox6b" type="checkbox" checked>
                                    <label for="checkbox6b">
                                        粉色
                                    </label>
                                </div>

                                <div class="checkbox checkbox-inverse">
                                    <input id="checkbox6c" type="checkbox">
                                    <label for="checkbox6c">
                                        相反的
                                    </label>
                                </div>



                                <p class="text-muted font-13 m-b-15 m-t-20">没有标签的文本框 <code>.checkbox-single</code></p>
                                <div class="checkbox checkbox-single">
                                    <input type="checkbox" id="singleCheckbox1" value="option1" aria-label="Single checkbox One">
                                    <label></label>
                                </div>
                                <div class="checkbox checkbox-primary checkbox-single">
                                    <input type="checkbox" id="singleCheckbox2" value="option2" checked aria-label="Single checkbox Two">
                                    <label></label>
                                </div>

                                <p class="text-muted font-13 m-b-15 m-t-20">内联的复选框</p>
                                <div class="checkbox checkbox-inline">
                                    <input type="checkbox" id="inlineCheckbox1" value="option1">
                                    <label for="inlineCheckbox1"> 内联一</label>
                                </div>
                                <div class="checkbox checkbox-success checkbox-inline">
                                    <input type="checkbox" id="inlineCheckbox2" value="option1" checked>
                                    <label for="inlineCheckbox2"> 内联二 </label>
                                </div>
                                <div class="checkbox checkbox-pink checkbox-inline">
                                    <input type="checkbox" id="inlineCheckbox3" value="option1">
                                    <label for="inlineCheckbox3"> 内联三 </label>
                                </div>
                            </div>


                            <div class="col-lg-4 col-xs-12 m-t-sm-40">
                                <h4 class="m-t-0 header-title"><b>圈</b></h4>

                                <p class="text-muted font-13 m-b-30">
                                    <code>.checkbox-circle</code> for roundness.
                                </p>
                                <div class="checkbox checkbox-circle">
                                    <input id="checkbox7" type="checkbox">
                                    <label for="checkbox7">
                                        简单圈
                                    </label>
                                </div>
                                <div class="checkbox checkbox-custom checkbox-circle">
                                    <input id="checkbox71" type="checkbox" checked>
                                    <label for="checkbox71">
                                        惯用
                                    </label>
                                </div>
                                <div class="checkbox checkbox-info checkbox-circle">
                                    <input id="checkbox8" type="checkbox" checked>
                                    <label for="checkbox8">
                                        信息
                                    </label>
                                </div>
                                <div class="checkbox checkbox-primary checkbox-circle">
                                    <input id="checkbox-9" type="checkbox">
                                    <label for="checkbox-9">
                                        紫色
                                    </label>
                                </div>
                                <div class="checkbox checkbox-success checkbox-circle">
                                    <input id="checkbox-10" type="checkbox" checked>
                                    <label for="checkbox-10">
                                        成功
                                    </label>
                                </div>
                                <div class="checkbox checkbox-warning checkbox-circle">
                                    <input id="checkbox-11" type="checkbox">
                                    <label for="checkbox-11">
                                        警告
                                    </label>
                                </div>
                                <div class="checkbox checkbox-danger checkbox-circle">
                                    <input id="checkbox-12" type="checkbox" checked>
                                    <label for="checkbox-12">
                                        危险
                                    </label>
                                </div>

                                <div class="checkbox checkbox-purple checkbox-circle">
                                    <input id="checkbox-13" type="checkbox" checked>
                                    <label for="checkbox-13">
                                        紫色
                                    </label>
                                </div>

                                <div class="checkbox checkbox-pink checkbox-circle">
                                    <input id="checkbox-14" type="checkbox">
                                    <label for="checkbox-14">
                                        粉色
                                    </label>
                                </div>

                                <div class="checkbox checkbox-inverse checkbox-circle">
                                    <input id="checkbox-15" type="checkbox" checked>
                                    <label for="checkbox-15">
                                        相反
                                    </label>
                                </div>
                            </div>

                            <div class="col-lg-4 col-xs-12 m-t-sm-40">
                                <h4 class="m-t-0 header-title"><b>不可用的</b></h4>

                                <p class="text-muted font-13 m-b-30">
                                    支持不可用样式.
                                </p>
                                <div class="checkbox">
                                    <input id="checkbox9" type="checkbox" disabled>
                                    <label for="checkbox9">
                                        不可选
                                    </label>
                                </div>
                                <div class="checkbox checkbox-custom">
                                    <input id="checkbox10" type="checkbox" disabled checked>
                                    <label for="checkbox10">
                                        同样
                                    </label>
                                </div>
                                <div class="checkbox checkbox-warning checkbox-circle">
                                    <input id="checkbox110" type="checkbox" disabled checked>
                                    <label for="checkbox110">
                                        还有这个
                                    </label>
                                </div>
                                <div class="checkbox checkbox-info">
                                    <input id="checkbox12" type="checkbox" disabled checked>
                                    <label for="checkbox12">
                                        不可选
                                    </label>
                                </div>
                                <div class="checkbox checkbox-pink">
                                    <input id="checkbox13" type="checkbox" disabled checked>
                                    <label for="checkbox13">
                                        同样
                                    </label>
                                </div>
                                <div class="checkbox checkbox-purple checkbox-circle">
                                    <input id="checkbox14" type="checkbox" disabled checked>
                                    <label for="checkbox14">
                                        还有这个
                                    </label>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div> <!-- end row -->


        <!-- RADIOS -->

        <div class="row">
            <div class="col-12">
                <div class="">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-lg-4">
                                <h4 class="m-t-0 header-title"><b>基础</b></h4>

                                <p class="text-muted font-13 m-b-30">
                                    支持bootstrap: <code>.radio-primary</code>, <code>.radio-danger</code> etc.
                                </p>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="radio">
                                            <input type="radio" name="radio" id="radio1" value="option1" checked>
                                            <label for="radio1">
                                                默认
                                            </label>
                                        </div>
                                        <div class="radio radio-custom">
                                            <input type="radio" name="radio" id="radio2" value="option2">
                                            <label for="radio2">
                                                惯用
                                            </label>
                                        </div>
                                        <div class="radio radio-primary">
                                            <input type="radio" name="radio" id="radio3" value="option3">
                                            <label for="radio3">
                                                原始的
                                            </label>
                                        </div>
                                        <div class="radio radio-success">
                                            <input type="radio" name="radio" id="radio4" value="option4">
                                            <label for="radio4">
                                                成功
                                            </label>
                                        </div>
                                        <div class="radio radio-info">
                                            <input type="radio" name="radio" id="radio5" value="option5">
                                            <label for="radio5">
                                                信息
                                            </label>
                                        </div>
                                        <div class="radio radio-danger">
                                            <input type="radio" name="radio" id="radio6" value="option6">
                                            <label for="radio6">
                                                危险
                                            </label>
                                        </div>
                                        <div class="radio radio-warning">
                                            <input type="radio" name="radio" id="radio7" value="option7">
                                            <label for="radio7">
                                                警告
                                            </label>
                                        </div>
                                        <div class="radio radio-purple">
                                            <input type="radio" name="radio" id="radio8" value="option8">
                                            <label for="radio8">
                                                紫色
                                            </label>
                                        </div>
                                        <div class="radio radio-pink">
                                            <input type="radio" name="radio" id="radio9" value="option9">
                                            <label for="radio9">
                                                粉色
                                            </label>
                                        </div>

                                    </div>

                                    <div class="col-md-6">
                                        <div class="radio">
                                            <input type="radio" name="radio1" id="radio11" value="option1" checked>
                                            <label for="radio11">
                                                默认
                                            </label>
                                        </div>
                                        <div class="radio radio-custom">
                                            <input type="radio" name="radio2" id="radio12" value="option2">
                                            <label for="radio12">
                                                惯用
                                            </label>
                                        </div>
                                        <div class="radio radio-primary">
                                            <input type="radio" name="radio3" id="radio13" value="option3">
                                            <label for="radio13">
                                                原始的
                                            </label>
                                        </div>
                                        <div class="radio radio-success">
                                            <input type="radio" name="radio4" id="radio14" value="option4" checked>
                                            <label for="radio14">
                                                成功
                                            </label>
                                        </div>
                                        <div class="radio radio-info">
                                            <input type="radio" name="radio5" id="radio15" value="option5" checked>
                                            <label for="radio15">
                                                信息
                                            </label>
                                        </div>
                                        <div class="radio radio-danger">
                                            <input type="radio" name="radio6" id="radio16" value="option6">
                                            <label for="radio16">
                                                危险
                                            </label>
                                        </div>
                                        <div class="radio radio-warning">
                                            <input type="radio" name="radio7" id="radio17" value="option7" checked>
                                            <label for="radio17">
                                                警告
                                            </label>
                                        </div>
                                        <div class="radio radio-purple">
                                            <input type="radio" name="radio8" id="radio18" value="option8">
                                            <label for="radio18">
                                                紫色
                                            </label>
                                        </div>
                                        <div class="radio radio-pink">
                                            <input type="radio" name="radio9" id="radio19" value="option9" checked>
                                            <label for="radio19">
                                                粉色
                                            </label>
                                        </div>

                                    </div>

                                </div>

                                <p class="text-muted font-13 m-b-15 m-t-20">不带标签的选项 <code>.radio-single</code></p>
                                <div class="radio radio-single">
                                    <input type="radio" id="singleRadio1" value="option1.1" name="radioSingle1" aria-label="Single radio One">
                                    <label></label>
                                </div>
                                <div class="radio radio-success radio-single">
                                    <input type="radio" id="singleRadio2" value="option2.1" name="radioSingle1" checked aria-label="Single radio Two">
                                    <label></label>
                                </div>


                                <p class="text-muted font-13 m-b-15 m-t-20">内置选项</p>
                                <div class="radio radio-info radio-inline">
                                    <input type="radio" id="inlineRadio1" value="option1" name="radioInline" checked>
                                    <label for="inlineRadio1"> 选项一 </label>
                                </div>
                                <div class="radio radio-inline">
                                    <input type="radio" id="inlineRadio2" value="option2" name="radioInline">
                                    <label for="inlineRadio2"> 选项二 </label>
                                </div>
                            </div>


                            <div class="col-lg-4 m-t-xs-40">
                                <h4 class="m-t-0 header-title"><b>不可选</b></h4>

                                <p class="text-muted font-13 m-b-30">
                                    支持不可选.
                                </p>
                                <div class="radio radio-danger">
                                    <input type="radio" name="radio31" id="radio51" value="option1" checked disabled>
                                    <label for="radio51">
                                        下一个
                                    </label>
                                </div>
                                <div class="radio">
                                    <input type="radio" name="radio41" id="radio61" value="option2" checked disabled>
                                    <label for="radio61">
                                        一
                                    </label>
                                </div>
                                <div class="radio radio-custom">
                                    <input type="radio" name="radio51" id="radio71" value="option3" checked disabled>
                                    <label for="radio71">
                                        下一个
                                    </label>
                                </div>
                                <div class="radio radio-pink">
                                    <input type="radio" name="radio61" id="radio81" value="option4" checked disabled>
                                    <label for="radio81">
                                        一
                                    </label>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div><!-- end row -->

        </div>
        <!-- END wrapper -->


        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/tether.min.js"></script><!-- Tether for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/plugins/switchery/switchery.min.js"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>
        <script type="text/javascript">
            $(document).ready(
                 function() { 
                  $("#do-nicescrol").niceScroll({oneaxismousemode: false,cursorcolor: "#999",horizrailenabled: false});
                 }
                );
        </script>

    </body>
</html>